<style>
	.commonBg {
		background: #fff;
		border: 1px solid#ddd;
		border-radius: 8px;
		width: 30px;
		height: 30px;
		font-size: 12px;
		text-align: center;
		line-height: 30px;
		position: relative;
	}

	.dot1 {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #4475f3;
	}

	.dot2 {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #fb8981;
	}
</style>
<template>
	<div style="height: 100%;">
		<wasteWaterOrder :outletId="outletId" :outletName="outletName"></wasteWaterOrder>
	</div>
</template>

<script>
	import moment from 'moment'
	import wasteWaterOrder from '@/components/wasteWater/order'
	let that

	export default {
		components: {
			wasteWaterOrder
		},
		data() {
			return {
				params: {
					subjectId: '',
					monthDate: moment().format('YYYY-MM-DD'),
					monthDateCheck: moment().format('YYYY-MM')
				},
				outletId:'',
				outletName:'',
				dataList: []
			}
		},
		mounted: function() {
			that = this
			that.params.ticketId = that.$store.state.token
			that.outletName = that.$route.query.outletName
			that.outletId = that.$route.query.outletId
			//that.getList()
		},
		methods: {

			getList: function(value) {
				if (value) that.params.monthDate = value+"-01"
				var _this = this;
				var param = JSON.parse(JSON.stringify(_this.params));
				param.monthDate = moment().format('YYYY-MM-DD');
				that.ajax({
					url: '/waterOutlet/getAllWaterOutletDateStandingBookList?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: JSON.stringify(param),
					contentType: 'application/json',
					success: function(result) {
						that.dataList = result.data
					}
				})
			},

		}
	}
</script>
